<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="/admin/_backend-fragments :: backend-head-template"><title></title></head>


<body>
<div class="custom-container-small custom-padded-tb-huge" style="max-width: 30em !important;">
  <div class="ui container">
    <div class="ui middle aligned center aligned grid">
      <div class="column">
        <h2 class="ui teal image header">
          <div class="content">
            后台登录
          </div>
        </h2>
        <form class="ui large form" method="post" th:action="@{/admin/login}">
          <div class="ui stacked segment">
            <div class="field">
              <div class="ui left icon input">
                <i class="user icon"></i>
                <input name="username" placeholder="用户名" type="text">
              </div>
            </div>
            <div class="field">
              <div class="ui left icon input">
                <i class="lock icon"></i>
                <input name="password" placeholder="密码" type="password">
              </div>
            </div>
            <div class="ui fluid large teal submit button">登录</div>
          </div>

          <div class="ui error message"></div>
          <div class="ui negative message" th:unless="${#strings.isEmpty(message)}" th:text="${message}"></div>
        </form>
      </div>
    </div>
  </div>
</div>

<script>
  $('.ui.form').form({
            fields : {
              username: {
                identifier: 'username',
                rules: [
                  {
                    type: 'empty',
                    prompt: '用户名不能为空！'
                  }
                ]
              },
              password: {
                identifier: 'password',
                rules: [
                  {
                    type: 'empty',
                    prompt: '密码不能为空！'
                  }
                ]
              }
            }
          });

</script>

</body>
</html>